<script setup lang="ts">
import { defineProps } from 'vue'

type elementProps = {
  name: string
  isShow?: boolean
}
defineProps<elementProps>()
</script>

// aria-hidden是否应该被屏幕阅读器忽略。
<template>
  <svg v-show="isShow ? 'false' : 'true'" aria-hidden="true" class="cp-icon">
    <use :href="`#icon-${name}`" />
  </svg>
</template>

<style lang="scss">
.cp-icon {
  // 保持和字体一致
  width: 1rem;
  height: 1rem;
}
</style>
